<template>
 <div class="div" >
   
  <heads></heads>
  <navs></navs> 
  <router-view ></router-view>     
  <foote></foote>
 </div>
 
</template>

<script>
import index from "./Index.vue";
import heads from "./Head.vue";
import navs from "./Nav.vue";
import foote from "./Footer.vue";
export default {
  components: { index, heads, foote, navs },
 
};
</script>

<style>
.div {
  height: 100%;
}
</style>
